/*
 * SlimStat: simple web analytics
 * Copyright (C) 2009 Pieces & Bits Limited
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License along
 * with this program; if not, write to the Free Software Foundation, Inc.,
 * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
 */

/********************************************************************* =types */

body {
	-webkit-text-size-adjust: none;
	background-color: #eee;
	color: #333;
	font: 12px/1.6667 Helvetica, Arial, sans-serif;
	margin: 0 auto;
	min-width: 980px;
	padding: 0;
	width: 980px; }
a {
	color: #369;
	outline: none;
	text-decoration: none; }
	a:visited {
		color: #69c; }
	a:hover {
		color: #69c; }
h1 {
	color: #333;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 2em;
	font-weight: bold;
	height: 1.25em;
	line-height: 1.25;
	margin: 0;
	padding: 0.4166em 20px 0;
	text-align: left; }
h2 {
	color: #333;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.1111;
	margin-top: 2.2222em;
	margin-bottom: 0; }
	#side h2 {
		font-size: 1.1666em;
		line-height: 1.4286;
		margin-top: 1.4286em; }
h3 {
	background-color: #d2d2c8;
	color: #333;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1.1666em;
	font-weight: bold;
	height: 1.4286em;
	line-height: 1.4286;
	margin: 0;
	padding: 1.0714em 12px 0.3571em;
	text-shadow: #fff 0 1px 0; }
	#side h3 {
		font-size: 1em;
		height: 1.666em;
		line-height: 1.6667;
		padding: 0 8px; }
fieldset {
	border: none;
	margin: 0;
	padding: 0; }
	fieldset p {
		padding: 0 12px; }
img, label {
	display: block;
	border: none; }
ol {
	margin: 1.6667em 0;
	padding: 0 0 0 30px; }
p {
	margin: 1.6667em 0; }
	p.first {
		margin-top: 0; }
pre {
	background-color: #eee;
	border: 1px solid #d2d2c8;
	font-size: 11px;
	line-height: 1.8181em;
	margin: 1.8181em 0;
	padding: 0.8181em 12px; }
tt, code {
	font-size: 11px;
	line-height: 1.8181em; }
table {
	border-spacing: 0;
	font-size: 12px;
	margin: 0;
	padding: 0; }
th, td {
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: bottom;
	white-space: nowrap;
	width: 50px; }
thead th {
	color: #333;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1.1666em;
	font-weight: bold;
	height: 1.4286em;
	line-height: 1.4286;
	padding-top: 1.0714em;
	padding-bottom: 0.3571em;
	text-shadow: #fff 0 1px 0; }
tbody tr td {
	border-bottom: solid #eee 1px; }
tbody tr.detail td {
	background-color: #d2d2c8;
	border-bottom: none;
	font-size: 0.8333em; }
tbody td {
	height: 1.5833em;
	line-height: 1.5833; }
tbody tr.detail td {
	height: 1.7em;
	line-height: 1.7; }
#content tbody tr:hover td {
	background-color: #ffc; }

/******************************************************************* =classes */

.up {
	color: #090; }
.dn {
	color: #b00; }
.left {
	text-align: left; }
.right {
	text-align: right; }
.center {
	text-align: center; }
.first {
	margin-left: 0 !important; }
.prev {
	color: #999;
	font-size: 0.8333em;
	height: 1.7em;
	line-height: 1.7; }
.accent {
	background-color: #eee;
	color: #999; }
.detail {
	display: none; }
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8,
.grid9, .grid10, .grid11, .grid12, .grid13, .grid14, .grid15, .grid16 {
	float: left;
	margin: 3.3334em 0 0;
	padding: 0 10px; }
	#sideinner .grid3 {
		float: none;
		margin-top: 1.6667em;
		padding: 0; }
.grid16, .grid16 table {
	width: 940px; }
.grid12, .grid12 table {
	width: 700px; }
.grid10, .grid10 table {
	width: 580px; }
.grid8, .grid8 table {
	width: 460px; }
.grid7, .grid7 table {
	width: 400px; }
.grid6, .grid6 table {
	width: 340px; }
.grid5, .grid5 table {
	width: 280px; }
.grid4, .grid4 table {
	width: 220px; }
.grid3, .grid3 table {
	width: 160px; }
.grid2, .grid2 table {
	width: 100px; }
.grid1 table, .grid1 h3, .grid2 table, .grid2 h3, .grid3 table, .grid3 h3,
.grid4 table, .grid4 h3, .grid5 table, .grid5 h3, .grid6 table, .grid6 h3,
.grid7 table, .grid7 h3, .grid8 table, .grid8 h3, .grid9 table, .grid9 h3,
.grid10 table, .grid10 h3, .grid11 table, .grid11 h3, .grid12 table, .grid12 h3 {
	background: url('../_img/h3.png') no-repeat;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; }
.grid12 table, .grid12 h3 {
	background-position: left -440px; }
.grid7 table, .grid7 h3 {
	background-position: left -240px; }
.grid6 table, .grid6 h3 {
	background-position: left -200px; }
.grid5 table, .grid5 h3 {
	background-position: left -160px; }
.grid4 table, .grid4 h3 {
	background-position: left -120px; }
.grid3 table, .grid3 h3 {
	background-position: left -80px; }

.table {
	height: 20em;
	overflow: hidden; }
.tbody {
	border-bottom: solid 2px #d2d2c8;
	height: 16.5em;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%; }
	.tbody:hover, #map .tbody, fieldset {
		background-color: #f9f9f9; }
	.tbody table {
		background: none; }
.text {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; }
	.grid12 .text {
		width: 520px; }
	.grid10 .text {
		width: 400px; }
	.grid8 .text {
		width: 280px; }
	.grid7 .text {
		width: 220px; }
	.grid6 .text {
		width: 160px; }
		.grid6 .detail .text {
			padding-left: 22px;
			width: 138px; }
	.grid5 .text {
		width: 100px; }
		.grid5 .detail .text {
			padding-left: 22px;
			width: 78px; }
	.grid12 .truncate {
		width: 220px !important; }
	.right .text {
		float: right; }
.toggle, .external {
	display: inline-block !important;
	float: left;
	margin-right: 3px;
	overflow: hidden;
	padding: 0;
	text-indent: 1000px;
	vertical-align: bottom;
	width: 15px; }
	.right .toggle, .right .external {
		float: right;
		margin-left: 3px;
		margin-right: 0; }
.toggle {
background-image: url('../_img/toggle.png'); }
.external {
background-image: url('../_img/external.png'); }
th.first {
	padding-left: 12px; }
td.first {
	padding-left: 12px; }
th.last, td.last {
	padding-right: 18px; }
.input {
	width: 44%; }

/*********************************************************************** =ids */

#container {
	background-color: #fff;
	left: 50%;
	margin: 0 0 0 -490px;
	padding: 0;
	position: absolute;
	top: 0;
	width: 980px;
	z-index: 5; }
#head {
	background-color: #eee;
	left: 50%;
	margin: 0 0 0 -490px;
	padding: 0;
	position: absolute;
	top: 0;
	width: 980px;
	z-index: 10; }
#menu {
	background: #eee url('../_img/menu.png');
	height: 1.6667em;
	left: 50%;
	list-style: none;
	margin: 0 0 0 -490px;
	padding: 0 10px 0.8333em;
	position: absolute;
	top: 3.3333em;
	width: 960px;
	z-index: 10; }
	#menu li {
		background: url('../_img/menu_li_right.png') no-repeat right top;
		float: right;
		height: 1.6667em;
		line-height: 1.6667;
		margin-right: 5px;
		overflow: hidden; }
	#menu li a {
		background: url('../_img/menu_li_left.png') no-repeat left top;
		display: block;
		padding: 0 10px;
		text-align: center; }
	#menu li:hover, #menu li.selected {
		background-position: right -40px; }
	#menu li a:hover, #menu li.selected a {
		background-position: 0 -40px;
		color: #fff; }
#title {
	background-color: #fff;
	height: 1.1111em;
	left: 50%;
	margin-top: 0;
	margin-left: -490px;
	overflow: hidden;
	padding: 0.5555em 20px 1.1111em;
	position: absolute;
	top: 3.8888em;
	z-index: 10; }
	#title span, #side h2 span {
		font-size: 0.6667em;
		line-height: 1.6667em;
		white-space: nowrap; }
#main {
	background: url('../_img/main.png') right bottom no-repeat;
	margin-top: 8.3333em;
	min-height: 33.3333em;
	width: 960px;
	z-index: 1; }
#content {
	margin-top: 0;
	padding: 0 0 3.3333em;
	width: 720px; }
#summary td, .summary td {
	height: 3.1667em;
	line-height: 3.1667;
	width: 70px; }
	#summary .tbody, .summary .tbody {
		height: 6.5em;
		overflow: hidden; }
	#summary .tbody table, .summary .tbody table {
		float: left;
		width: 140px; }
	#summary .numeric, .summary .numeric {
		font-size: 1.1667em;
		font-weight: bold;
		height: 2.7143em;
		line-height: 2.7143; }
	#summary .prev, .summary .prev {
		font-size: 0.9166em;
		height: 3.4545em;
		line-height: 3.4545; }
	#summary .last, .summary .last {
		padding-right: 0; }
	#summary .text, .summary .text {
		width: 70px; }
#map span {
	background-image:url('../_img/map.png');
	border: solid 1px #ccc;
	display: inline-block;
	height: 11px;
	vertical-align: middle;
	width: 70px; }
#side {
	background: url('../_img/filters.png') no-repeat;
	left: 50%;
	margin-top: 0;
	margin-left: 245px;
	min-height: 26.6666em;
	padding-right: 0;
	padding-top: 3.3333em;
	padding-bottom: 3.3333em;
	position: absolute;
	top: 8.3333em;
	z-index: 10; }
#sideinner {
	margin-top: 0;
	overflow: hidden;
	padding-left: 35px;
	padding-right: 30px; }
	#side .calendar {
		background-color: #d2d2c8;
		color: #999; }
		#side .calendar thead {
			overflow: hidden;
			width: 160px; }
		#side .calendar th {
			font-size: 1em;
			width: 23px; }
		#side .calendar th a, #side .calendar td a {
			display: block;
			width: 23px; }
		#side .calendar th:last-child, #side .calendar td:last-child,
		#side .calendar th:last-child a, #side .calendar td:last-child a {
			width: 22px; }
		#side .calendar th a.thismonth {
			width: 115px; }
		#side .calendar th a:hover {
			color: #06c; }
		#side .calendar td {
			background-color: #eee;
			width: 23px; }
		#side .calendar td a:hover {
			background-color: #ffc;
			color: #06c; }
		#side .calendar a {
			color: #06c;
			text-decoration: none; }
		#side .calendar th, #side .calendar td {
			border: none;
			height: 1.6667em;
			line-height: 1.6667;
			padding-top: 0;
			padding-bottom: 0;
			text-align: center !important; }
		#side .calendar td.selected {
			background-color: #d2d2c8; }
#filters { }
	#filters p {
		margin: 0;
		min-height: 1.6666em; }
	#filters p.text {
		background: transparent url('../_img/delete.gif') no-repeat;
		border-bottom: solid 1px #d2d2c8;
		line-height: 1.5833;
		margin: 0;
		min-height: 1.5833em;
		padding: 0 3px;
		text-align: left; }
	#filters p.text a {
		padding-left: 15px; }
	#filters p.text:hover {
		background-color: #ffc;
		color: #06c; }
	#filters select {
		margin: 0; }
#api, #api a {
	background: transparent url('../_img/xml.gif') no-repeat;
	display: block;
	height: 14px;
	line-height: 14px;
	min-height: 14px;
	overflow: hidden;
	text-indent: 1000px;
	width: 36px; }
#feed, #feed a {
	background: transparent url('../_img/feed.png') no-repeat;
	display: block;
	height: 14px;
	line-height: 14px;
	min-height: 14px;
	overflow: hidden;
	text-indent: 1000px;
	width: 14px; }
#foot {
	background: #eee url('../_img/footer.png') no-repeat;
	clear: both;
	margin: 0;
	padding: 0;
	width: 980px;
	z-index: 20; }
#footinner {
	line-height: 1.6667;
	margin: 0;
	padding: 1.6667em 20px;
	text-align: right; }